<template>
	<view class="all">
		<view>
			<image class="topp" :src="srcTop()"></image>
		</view>
		<view v-if="alumni.length >0">
			<view v-for="(item,index) in leader" :key="index">
				<navigator :url="'principal?id='+item.id">
					<view class="tab">
						<image class="im" :src="srcUrl(item.photo_path)" style="width: 180rpx; height: 200rpx; margin-top: 15rpx;"></image>
						<view>
							<view class="name">{{item.name}}</view>
							<view class="tex">职务: {{item.job}}</view>
							<view v-if="item.gender==0" class="tex">性别: 男</view>
							<view v-else class="tex">性别: 女</view>
							<view v-if="item.nation_id==2" class="tex">民族: 汉族</view>
							<view v-else-if="item.nation_id==3" class="tex">民族: 满族</view>
							<view v-else-if="item.nation_id==4" class="tex">民族: 蒙古族</view>
							<view v-else-if="item.nation_id==5" class="tex">民族: 回族</view>
							<view v-else-if="item.nation_id==6" class="tex">民族: 藏族</view>
							<view v-else-if="item.nation_id==7" class="tex">民族: 维吾尔族</view>
							<view v-else-if="item.nation_id==8" class="tex">民族: 苗族</view>
							<view v-else-if="item.nation_id==9" class="tex">民族: 彝族</view>
							<view v-else-if="item.nation_id==10" class="tex">民族: 壮族</view>
							<view v-else-if="item.nation_id==11" class="tex">民族: 布依族</view>
							<view v-else-if="item.nation_id==12" class="tex">民族: 侗族</view>
							<view v-else-if="item.nation_id==13" class="tex">民族: 瑶族</view>
							<view v-else-if="item.nation_id==14" class="tex">民族: 白族</view>
							<view v-else-if="item.nation_id==15" class="tex">民族: 土家族</view>
							<view v-else-if="item.nation_id==16" class="tex">民族: 哈尼族</view>
							<view v-else-if="item.nation_id==17" class="tex">民族: 哈萨克族</view>
							<view v-else-if="item.nation_id==18" class="tex">民族: 傣族</view>
							<view v-else-if="item.nation_id==19" class="tex">民族: 黎族</view>
							<view v-else-if="item.nation_id==20" class="tex">民族: 傈僳族</view>
							<view v-else-if="item.nation_id==21" class="tex">民族: 佤族</view>
							<view v-else-if="item.nation_id==22" class="tex">民族: 畲族</view>
							<view v-else-if="item.nation_id==23" class="tex">民族: 高山族</view>
							<view v-else-if="item.nation_id==24" class="tex">民族: 拉祜族</view>
							<view v-else-if="item.nation_id==25" class="tex">民族: 水族</view>
							<view v-else-if="item.nation_id==26" class="tex">民族: 东乡族</view>
							<view v-else-if="item.nation_id==27" class="tex">民族: 纳西族</view>
							<view v-else-if="item.nation_id==28" class="tex">民族: 景颇族</view>
							<view v-else-if="item.nation_id==29" class="tex">民族: 柯尔克孜族</view>
							<view v-else-if="item.nation_id==30" class="tex">民族: 土族</view>
							<view v-else-if="item.nation_id==31" class="tex">民族: 达斡尔族</view>
							<view v-else-if="item.nation_id==32" class="tex">民族: 仫佬族</view>
							<view v-else-if="item.nation_id==33" class="tex">民族: 羌族</view>
							<view v-else-if="item.nation_id==34" class="tex">民族: 布朗族</view>
							<view v-else-if="item.nation_id==35" class="tex">民族: 撒拉族</view>
							<view v-else-if="item.nation_id==36" class="tex">民族: 毛南族</view>
							<view v-else-if="item.nation_id==37" class="tex">民族: 仡佬族</view>
							<view v-else-if="item.nation_id==38" class="tex">民族: 锡伯族</view>
							<view v-else-if="item.nation_id==39" class="tex">民族: 阿昌族</view>
							<view v-else-if="item.nation_id==40" class="tex">民族: 普米族</view>
							<view v-else-if="item.nation_id==41" class="tex">民族: 朝鲜族</view>
							<view v-else-if="item.nation_id==42" class="tex">民族: 塔吉克族</view>
							<view v-else-if="item.nation_id==43" class="tex">民族: 怒族</view>
							<view v-else-if="item.nation_id==44" class="tex">民族: 乌孜别克族</view>
							<view v-else-if="item.nation_id==45" class="tex">民族: 俄罗斯族</view>
							<view v-else-if="item.nation_id==46" class="tex">民族: 鄂温克族</view>
							<view v-else-if="item.nation_id==47" class="tex">民族: 德昂族</view>
							<view v-else-if="item.nation_id==48" class="tex">民族: 保安族</view>
							<view v-else-if="item.nation_id==49" class="tex">民族: 裕固族</view>
							<view v-else-if="item.nation_id==50" class="tex">民族: 京族</view>
							<view v-else-if="item.nation_id==51" class="tex">民族: 塔塔尔族</view>
							<view v-else-if="item.nation_id==52" class="tex">民族: 独龙族</view>
							<view v-else-if="item.nation_id==53" class="tex">民族: 鄂伦春族</view>
							<view v-else-if="item.nation_id==54" class="tex">民族: 赫哲族</view>
							<view v-else-if="item.nation_id==55" class="tex">民族: 门巴族</view>
							<view v-else-if="item.nation_id==56" class="tex">民族: 珞巴族</view>
							<view v-else-if="item.nation_id==57" class="tex">民族: 基诺族</view>
							<view v-else-if="item.nation_id==58" class="tex">民族: 僜人</view>
							<view v-else-if="item.nation_id==59" class="tex">民族: 蔡家人</view>
							<view v-else-if="item.nation_id==60" class="tex">民族: 菜族人</view>
							<view v-else-if="item.nation_id==61" class="tex">民族: 老品人</view>
							<view v-else-if="item.nation_id==62" class="tex">民族: 八甲人</view>
							<view v-else-if="item.nation_id==63" class="tex">民族: 夏尔巴人</view>
							<view v-else-if="item.nation_id==64" class="tex">民族: 土克曼人</view>
							<view v-else-if="item.nation_id==65" class="tex">民族: 摩梭人</view>
							<view v-else-if="item.nation_id==66" class="tex">民族: 克木人</view>
							<view v-else-if="item.nation_id==67" class="tex">民族: 穿青人</view>
							<view v-else="item.nation_id==68" class="tex">民族: 其他</view>
						</view>
					</view>
				</navigator>
			</view>
		</view>
		<view v-else class="td1">暂无杰出校友信息...</view>
	</view>
</template>

<script>
	export default{
		data()	{
			return	{
				alumni:	[],
				size:10,
				page:0
			}
		},
		onLoad(){
			uni.request({
					url:getApp().globalData.URL+"alumni/findByAlumnis?page="+this.page+"&size="+this.size,
					method:'GET'
				})
			.then(data => {//data为一个数组，数组第一项为错误信息，第二项为返回数据
				var [error, res]  = data;
				console.log("成功连接!!");
				console.log(res.data);
				this.alumni = res.data;
				
			})
		},
		onReachBottom:function(){				//当划到最底部的时候触发事件
				console.log("我是最底部了");
					this.getMoreNews();				//到底之后会触发getMoreNews()函数;
				},
		methods:{
			getMoreNews:function(){						//数据到底,触发这个函数
				this.page = this.page + 1
				uni.showNavigationBarLoading();		//一读取数据,就进行刷新
				uni.request({
					url:getApp().globalData.URL+"alumni/findByAlumnis?page="+this.page+"&size="+this.size,
					method:'GET'
				})
				.then(data => {//data为一个数组，数组第一项为错误信息，第二项为返回数据
				var [error, res]  = data;
				console.log("成功连接!!");
				console.log(this.page);
				console.log("成功连接!!");
				if(res.data==0){
					this.page = this.page - 1
					uni.stopPullDownRefresh();	//数据加载完成,刷新结束
					uni.hideNavigationBarLoading();	//数据读取完毕,刷新停止
					return false;
				}
				console.log(Array.from(data[1].data));
				this.alumni=this.alumni.concat(Array.from(data[1].data))
				console.log(this.alumni);
				uni.stopPullDownRefresh();	//数据加载完成,刷新结束
				uni.hideNavigationBarLoading();	//数据读取完毕,刷新停止
								
				});
			},
			srcUrl:function(path){
				return getApp().globalData.Link+'file/alumni/'+path;
			},
			srcTop:function(){
				return getApp().globalData.Link+'file/system/top.jpg';
			}
		}
	}
</script>

<style>
	.all {
		background-color: #F1F1F1;
		height: auto;
		margin-top: -20rpx;
	}

	.topp {
		width: 100%;
		height: 150rpx;
	}

	.tab {
		display: flex;
		background-color: #FFFFFF;
		margin-left: 20rpx;
		margin-top: 20rpx;
		height: auto;
	}

	.name {
		margin: 20rpx 20rpx;
	}

	.tex {
		font-size: 25rpx;
		color: #808080;
		margin: 20rpx 20rpx;
		display: flex;

	}
	
	.td1{
		width: 100%;
		background-color: #FFFFFF;
		margin-top: 20rpx;
		text-align: center;
	}
</style>
